<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title"><strong>prettyPhoto 灯箱插件</strong></h3>
	</div>
	<div class="panel-body">
		<h3><strong>使用方法</strong></h3>
		<div class="bs-example">
			<div class="bs-sidebar row">
				<div class="col-md-12">
					<div class="row">
						<div class="col-sm-2">
							<a href="images/large/1.jpg" class="thumbnail" data-sea="prettyPhoto" title="This is an image title" rel="prettyPhoto[pp_gal]" >
								<img src="images/small/1.jpg">
							</a>
						</div>
						<div class="col-sm-2">
							<a href="images/large/2.jpg" class="thumbnail" data-sea="prettyPhoto" title="This is an image title" rel="prettyPhoto[pp_gal]" >
								<img src="images/small/2.jpg">
							</a>
						</div>
						<div class="col-sm-2">
							<a href="images/large/3.jpg" class="thumbnail" data-sea="prettyPhoto" title="This is an image title" rel="prettyPhoto[pp_gal]" >
								<img src="images/small/3.jpg">
							</a>
						</div>
						<div class="col-sm-2">
							<a href="images/large/4.jpg" class="thumbnail" data-sea="prettyPhoto" title="This is an image title" rel="prettyPhoto[gal]" >
								<img src="images/small/4.jpg">
							</a>
						</div>
						<div class="col-sm-2">
							<a href="images/large/5.jpg" class="thumbnail" data-sea="prettyPhoto" title="This is an image title" rel="prettyPhoto[gal]" >
								<img src="images/small/5.jpg">
							</a>
						</div>
						<div class="col-sm-2">
							<a href="images/large/6.jpg" class="thumbnail" data-sea="prettyPhoto">
								<img src="images/small/6.jpg">
							</a>
						</div>
					</div>
					<pre data-sea="seaSnippet" data-config="seaSnippet"></pre>
				</div>
			</div>
		</div>
	</div>
</div>